<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="/css/public.css" media="all">
    <style>
        .lab{margin-left: 20px;line-height:20px;float: left;}
        .lab-w{width: 120px;  display: block; line-height: 20px;}
    </style>
</head>

<body>
    <div class="layuimini-container">
        <div class="layuimini-main">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="lab lab-w">订单状态</label> <button class="layui-btn layui-btn-sm layui-btn-radius">充电结束</button>
                </div>
            </div>
            <fieldset class="layui-elem-field layui-field-title"></fieldset>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="lab lab-w">订单号</label> <label class="lab">MA01D1QR8958345544768696320</label>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="lab lab-w">充电站点</label> <label class="lab">海淀区001充电站</label>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="lab lab-w">抢号</label> <label class="lab">2411010810000301</label>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="lab lab-w">充电用户</label> <label class="lab">11111111</label>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="lab lab-w">充电电量</label> <label class="lab">0.47度</label>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="lab lab-w">启动时间</label> <label class="lab">2024-02-23 10:04:08</label>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="lab lab-w">停止时间</label> <label class="lab">2024-02-23 10:04:08</label>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="lab lab-w">订单创建时间</label> <label class="lab">2024-02-23 10:04:08</label>
                </div>
            </div>
            <fieldset class="layui-elem-field layui-field-title"></fieldset>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="lab lab-w">充电费 </label> <label class="lab">0.20</label>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="lab lab-w">服务费 </label> <label class="lab">0.20</label>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="lab lab-w">充电消费合计 </label> <label class="lab">0.20</label>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="lab lab-w">优惠 </label> <label class="lab">0.20</label>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="lab lab-w">实际支付 </label> <label class="lab">0.20</label>
                </div>
            </div>
            <fieldset class="layui-elem-field layui-field-title"></fieldset>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="lab lab-w">超时占位费 </label> <label class="lab">0.20</label>
                </div>
            </div>
        </div>
    </div>

    <script src="/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
    <script>
        layui.use(['form', 'layedit', 'laydate', 'table'], function () {
            var form = layui.form

        });
    </script>

</body>

</html>